/** @type {import('tailwindcss').Config} */
module.exports = {
    content: [
        "./index.html",
        "./src/**/*.{vue,js,ts,jsx,tsx}",
    ],
    darkMode: 'class',
    theme: {
        extend: {
            colors: {
                primary: {
                    DEFAULT: '#0071e3',
                    dark: '#0058B9',
                    light: '#42a5f5'
                },
                secondary: {
                    DEFAULT: '#6e6e73',
                    dark: '#86868b',
                    light: '#a1a1a6'
                },
                danger: {
                    DEFAULT: '#ff3b30',
                    dark: '#d70015',
                    light: '#ff6961'
                },
                warning: {
                    DEFAULT: '#ff9500',
                    dark: '#c93400',
                    light: '#ffb340'
                },
                success: {
                    DEFAULT: '#34c759',
                    dark: '#248a3d',
                    light: '#30db5b'
                }
            }
        },
    },
    plugins: [],
} 